$(function(){
    var details=$('#details');
    loginTest();
    clickAddOn();
    createHtml();
    removeHtml();
    queryOrder();



    /*点击添加类名*/
    function clickAddOn(){
        var allOrder_span=$('#all_order span');
        allOrder_span.click(function(){
            $(this).addClass('on').siblings().removeClass('on');
        })
    }
    /*创建Html*/
    function createHtml(){
        var orderDatas=LsyStorage.getArr('orderList');
        var str='';
        for(var i=0;i<orderDatas.length;i++){
            str+=
                '<li data-id="'+orderDatas[i].id+'">'
                    +'<div class="top">'
                        +'<span>下单时间：<b>'+orderDatas[i].time+'</b></span>'
                    +'<span>订单编号：<b class="orderNum">'+orderDatas[i].orderNumber+'</b></span>'
                    +'<div>'
                    +'<img src="img/order_3.png" alt="order_3.png">'
                        +'<img src="img/order_4.png" alt="order_4.png">'
                        +'<img src="img/order_5.png" alt="order_5.png" class="remove">'
                        +'</div>'
                        +'</div>'
                        +'<div class="bottom">'
                        +'<div class="pic">'
                        +'<a href="pro_details.html?id='+orderDatas[i].id+'"><img src="'+orderDatas[i].imgSrc+'" alt="order_1.png"></a>'
                        +'<h4><a href="pro_details.html?id='+orderDatas[i].id+'">'+orderDatas[i].title+'</a></h4>'
                    +'</div>'
                    +'<div class="pay">'
                        +'<i>¥<b>'+orderDatas[i].price+'</b></i>'
                    +'<p>运费：¥<b>'+orderDatas[i].freight+'</b></p>'
                    +'<p>在线支付</p>'
                    +'</div>'
                    +'<div class="paid">'
                        +'<p>已付款</p>'
                        +'<a href="order_details.html?id='+orderDatas[i].id+'">订单详情</a>'
                        +'</div>'
                        +'<div class="operation">'
                        +'<a href="shop_list.html">再次购买</a>'
                        +'<a href="evaluate.html?id='+orderDatas[i].id+'">评价</a>'
                        +'<a href="javascript:;">退款\退货</a>'
                    +'</div>'
                    +'</div>'
                    +'</li>'
        }
        details.html(str);
    }
    /*删除数据和Html节点*/
    function removeHtml(){
        details.on('click','.remove',function(){
            var id=$(this).parents('li').attr("data-id");
            var bool=confirm("您确定要删除吗？");
            if(bool){
                LsyStorage.removeItem('orderList_'+id);
                $(this).parents('li').remove();
            }
        })
    }
    /*订单号搜索*/
    function queryOrder(){
        var search=$('#search');
        search.click(function(){
            var detailsLi=details.find('li');
            var searchOrder=$('#searchOrder').val();
            detailsLi.each(function(key,item){
                var orderNum=$(item).find('.orderNum').text();
                if(searchOrder==orderNum){
                    $(item).siblings().remove();
                }
            })
        })
    }
});
